<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!--将data中的数据渲染到页面上  -->
        <h2 v-text="dec"></h2>
        <!-- js逻辑运算 -->
        <h2 v-text="dec+'111'"></h2>
        <!-- 三目运算 -->
        <h2 v-text="1>2 ? '大于' : '小于'"></h2>
        <!-- 变量拼接，变量与字符串的拼接 加双引号 -->
        <h3 v-text="dec+dec"></h3>
        <!-- 在v-text标签中不能添加内容 会被覆盖 -->
        <p v-text="dec">变量是dec</p>

    </div>
    <!-- 引入Vue.js框架 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
    <script type="text/javascript">
            new Vue({
                el:'#app',
                data:{
                    dec:"hello v-text"
                }
            })
    </script>
</body>
</html>